<template>
  <div>
    <h2>计算属性</h2>
    <p>{{addName}}</p>
    <p>{{addName}}</p>
    <p>{{addName}}</p>
    <h2>多次调用methods的方法</h2>
    <p>{{getName()}}</p>
    <p>{{getName()}}</p>
    <p>{{getName()}}</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      xing: '邓',
      ming: '威'
    }
  },
computed :{
  addName () {
    console.log('调用了计算属性');
    return this.xing + this.ming
  }
},
methods : {
  getName () {
    console.log('调用了方法');
    return this.xing + this.ming
  }
}
}
</script>

<style>

</style>